<section class="Hui-article-box">
    <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页
        <span class="c-gray en"></span>
        轮播图管理
        <span class="c-gray en"></span>
        轮播图列表 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a> </nav>
    <div class="Hui-article">
        <article class="cl pd-20">

            <div class="cl pd-5 bg-1 bk-gray mt-20">
                <span class="2"></span>
                   <a href="javascript:;" onClick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a>
                    <a href="javascript:;" onClick="picture_add('添加分类','add',800,600)"class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> 添加分类</a>
                <span class="r">共有数据：<strong>6</strong> 条</span>
            </div>
            <table class="table table-border table-bordered table-bg ">
                <thead>
                <tr>
                    <th scope="col" colspan="9">轮播图列表</th>
                </tr>
                <tr class="text-c">
                    <th width="25">
                        <input type="checkbox" name="" value=""></th>
                    <th width="40">ID</th>
                    <th width="90">名称</th>
                    <th width="150">图片</th>
                    <th width="40">开始时间</th>
                    <th width="40">结束时间</th>
                    <th width="25">状态</th>
                    <th width="100">操作</th>
                </tr>
                </thead>
                {foreach $data as $val}
                <tbody>
                <tr class="text-c">
                    <td><input type="checkbox" value="{$val.id}" name="checked" ></td>
                    <td>{$i++}</td>
                    <td>{$val['picture_name']}</td>
                    <td><img width="150" class="product-thumb" src="__UPLOAD__picture_pic/{$val.picture_pic}"></td>
                    <td>{$val['create_time']}</td>
                    <td>{$val['update_time']}</td>
                    <td class="td-status">
                        {if $val.picture_status == '1'}
                        <span class="label label-success radius">显示</span></td>
                    <td class="td-manage">
                        <a style="text-decoration:none" onClick="picture_stop(this,'{$val.id}')" href="javascript:;" title="禁用"><i class="Hui-iconfont">&#xe615;</i></a>
                        {else $val.picture_status == '0'}
                        <span class="label label-defaunt radius">禁用</span></td>
                    <td class="td-manage">
                        <a style="text-decoration:none" onClick="picture_start(this,'{$val.id}')" href="javascript:;" title="显示"><i class="Hui-iconfont">&#xe631;</i></a>
                        {/if}

                        <a title="编辑" href="javascript:;" onclick="picture_edit('轮播图编辑','edit/id/{$val.id}')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a>
                        <a title="删除" href="javascript:;" onclick="picture_del(this,'{$val.id}')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a></td>
                </tr>
                </tbody>
                {/foreach}
            </table>
        </article>
    </div>
</section>

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="/static/admin/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="/static/admin/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="/static/admin/lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="/static/admin/lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>
<script type="text/javascript">
    $('.table-sort').dataTable({
        "aaSorting": [[ 0, "desc" ]],//默认第几个排序
        "bStateSave": true,//状态保存
        "aoColumnDefs": [
            //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
            {"orderable":false,"aTargets":[0,1,2,3,4]}// 不参与排序的列
        ]
    });
    /*
     参数解释：
     title	标题
     url		请求的url
     id		需要操作的数据id
     w		弹出层宽度（缺省调默认值）
     h		弹出层高度（缺省调默认值）
     */
    /*管理员-增加*/
    function picture_add(title,url){
        layer_show(title,url);
    }
    /*管理员-删除*/
    function picture_del(obj,id){
        layer.confirm('确认要删除吗？',function(index){
            //此处请求后台程序，下方是成功后的前台处理……
            $.ajax({
                'type': 'post',//请求的方式
                'data': {'id': id},//附加参数
                'async': true,//异步操作
                'url': "{:url('del')}",//服务器端页面
                'dataType':"json",//响应数据类型
                //接受响应数据的匿名函数
                success:
                    function (data) {
                        if(data.status == 1){
                            $(obj).parents("tr").remove();
                            layer.msg('已删除!', {icon: 1, time: 1000});
                        }else{
                            layer.msg('删除失败，请稍候重试!', {icon: 2, time: 1000});
                        }
                    },
                error:
                    function () {
                    }
            });
        })
    }
    /*管理员-编辑*/
    function picture_edit(title,url){
        layer_show(title,url);
    }

    /*管理员-停用*/
    function picture_start(obj,id) {
        layer.confirm('确认要显示吗？', function (index) {
            //请求控制器进行状态的变更
            $.ajax({
                'type': 'post',//请求的方式
                'data': {'id': id},//附加参数
                'async': true,//异步操作
                'url': "{:url('start')}",//服务器端页面
//            'dataType':"json",//响应数据类型
                //接受响应数据的匿名函数
                success: function (data) {
                    if(data.status==1){
                        $(obj).parents("tr").find(".td-manage").prepend('<a onClick="picture_stop(this,'+data.id+')" href="javascript:;" title="禁用" style="text-decoration:none"><i class="Hui-iconfont">&#xe615;</i></a>');
                        $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">显示</span></td>');
                        $(obj).remove();
                        layer.msg(data.msg, {icon: 6, time: 1000});
                    }else{
                        layer.msg(data.msg, {icon: 5, time: 1000});
                    }


                },
                //Ajax 发送失败
                error: function (data) {
                    layer.msg(data.msg, {icon: 5, time: 1000});
                }
            })
            //此处请求后台程序，下方是成功后的前台处理……
        });
    }

    /*管理员-启用*/
    function picture_stop(obj,id){
        layer.confirm('确认要禁用吗？',function(index){
            //此处请求后台程序，下方是成功后的前台处理……
            $.ajax({
                'type':'post',//请求的方式
                'data':{'id':id},//附加参数
                'async':true,//异步操作
                'url':"{:url('stop')}",//服务器端页面
//            'dataType':"json",//响应数据类型
                //接受响应数据的匿名函数
                success:
                    function (data) {
                        if(data.status==1){
                            $(obj).parents("tr").find(".td-manage").prepend('<a onClick="picture_start(this,'+data.id+')" href="javascript:;" title="显示" style="text-decoration:none"><i class="Hui-iconfont">&#xe631;</i></a>');
                            $(obj).parents("tr").find(".td-status").html('<span class="label label-default radius">禁用</span></td>');
                            $(obj).remove();
                            layer.msg(data.msg, {icon: 5,time:1000});
                        }else{
                            layer.msg(data.msg, {icon: 5,time:1000});
                        }

                    },
                //Ajax 发送失败
                error:
                    function(data){
                        layer.msg(data.msg, {icon: 5,time:1000});
                    }
            });

        });
    }
    //批量删除
         function datadel(){
            var picturenum=$("input[name='checked']:checked").length;
        if(picturenum==0){
            layer.msg("请至少选择一个");
            return;
        }
             layer.confirm('确认要删除吗？',function(index){
                        var pictureing=Array();
                 $("input[name='checked']:checked").each(function() {
                        pictureing.push($(this).val());
                 });
                        var check=$("input[name='checked']:checked");
                 $.ajax({
                     'type': 'post',//请求的方式
                     'data': {'ids': pictureing.toString()},//附加参数
                     'async': true,//异步操作
                     'url': "{:url('picture/datadel')}",//服务器端页面
                     'dataType': "json",//响应数据类型
                     //接受响应数据的匿名函数
                     success:
                         function (data) {
                             if(data.status == 1){
                                 check.parents("tr").remove();
                                 layer.msg(data.msg, {icon: 1, time: 1000});
                             }else{
                                 layer.msg(data.msg, {icon: 2, time: 1000});
                                 location.reload(); //刷新父页面
                             }
                         },
                     error:
                         function () {
                         }
                 });
             });
         }


</script>
<!--/请在上方写此页面业务相关的脚本-->


